<template>
  <div class="head">
    <div class="heads">
      <el-menu :router="true" default-active="/happyhome/leisure/keepinglive" class="lwy-heads">
        <el-menu-item index="/happyhome/leisure/keepinglive">
          <span slot="title">运动模块</span>
        </el-menu-item>

        <el-menu-item index="/happyhome/leisure/keedaka">
          <span slot="title">体重记录</span>
        </el-menu-item>
        <el-menu-item index="/happyhome/leisure/keeweight">
          <span slot="title">运动记录</span>
        </el-menu-item>
        <!-- <el-menu-item index="/happyhome/leisure/keeshi">
          <span slot="title">视频</span>
        </el-menu-item> -->

      </el-menu>
    </div>
    <hr>
 
    <RouterView></RouterView>
  </div>
</template>

<script>


export default {
  data() {
    return {
      activeName: 'title'
    }
  },

  components: {},

  methods: {


  },

  methods: {

  }
}
</script>

<style scoped lang="less">
.head {
  // width: 100%;
  height: 70px;

  .el-menu-item {
    float: left;
    margin-left: 18px;

    span {
      display: inline-block;
      line-height: 40px;
      background-color: rgb(255, 255, 255);
      // margin-left: 18px;
      border: 1px solid #949494;
      border-top: none;
      box-shadow: 0px 6px 6px #9a9595;
      width: 100px;
      cursor: pointer;
    }
  }
}
</style>